<template>
  <div>
    <div class="bg-color">
      <div>
        <!-------------------顶部状态------------------->
        <div class="order-detail-header" ref="orderHeader">
          <!--------------左侧文字信息---------------->
          <!------------------------------->
          <!--rfApply:null,//申请维权5-->
          <!--rfNoagree:null,//客服不同意受理10-->
          <!--rfAgree:null,//客服同意受理15-->
          <!--rfRefund:null,//退货中20-->
          <!--rfInvalid:null,//驳回50-->
          <!--rfComplete:null,//已完成99-->
          <div v-if="orderDetail.wasSafeguard == 1">
            <div class="order-detail-status" v-if="safeguardDetail&&safeguardDetail.status==rfApply">
              <p>客服处理维权中</p>
              <p>已收到您的维权请求</p>
            </div>
            <div class="order-detail-status" v-if="safeguardDetail&&safeguardDetail.status==rfAgree">
              <p>客服已同意退货</p>
              <p>剩余退货时间<count-time :startTime="safeguardDetail.modTime" :totalTime="refundUndeliverTimeout" :timestamp="safeguardDetail.timestamp" endText="已经结束了"></count-time></p>
            </div>
            <div class="order-detail-status" v-if="safeguardDetail&&safeguardDetail.status==rfRefund">
              <p>等待客服收货、验货</p>
              <p>请耐心等待，客服人员收到拍品后，会对其进行验货如无异议会立即退款</p>
            </div>
            <div class="order-detail-status" v-if="safeguardDetail&&safeguardDetail.status==rfComplete">
              <p>退款成功</p>
              <p>支付金额已原路退还</p>
            </div>
            <div class="order-detail-status" v-if="orderDetail.status == waitForEvaluation">
              <p>交易成功</p>
              <p>维权已处理，卖家无责</p>
            </div>
          </div>
          <!--------------------------------->
          <div v-else>
            <div class="order-detail-status" v-if="orderDetail.status == waitForEvaluation||orderDetail.status == finished">
              <p>交易成功</p>
            </div>
            <div class="order-detail-status" v-if="orderDetail.status == waitForPay">
              <p>等待买家付款</p>
              <p><count-time :startTime="orderDetail.createTime" :totalTime="orderUnpayTimeout" :timestamp="orderDetail.timestamp" endText="已经结束了"></count-time>内未完成付款，订单关闭扣除保证金￥{{orderDetail.cashDeposit | toDecimal}}元</p>
            </div>
            <div class="order-detail-status" v-if="orderDetail.status == waitForDelivery">
              <p>等待卖家发货</p>
              <p>卖家<count-time v-if="accounTransactionPojo" :startTime="accounTransactionPojo.payTime" :totalTime="orderUndeliverTimeout" :timestamp="orderDetail.timestamp" endText="已经结束了"></count-time>未发货，支付金额原路退还</p>
            </div>
            <div class="order-detail-status" v-if="orderDetail.status == waitForReceive">
              <p>卖家已发货</p>
              <p>请在<count-time :startTime="orderDetail.deliveryTime" :totalTime="autoDeliveryTimeOut" :timestamp="orderDetail.timestamp" endText="已经结束了"></count-time>内确认收货，如有异议请联系客服维权</p>
            </div>
            <div class="order-detail-status" v-if="orderDetail.status == invalid">
              <p>订单关闭</p>
              <p v-if="orderDetail.closeType == 0">超时未付款，扣除保证金￥{{orderDetail.cashDeposit | toDecimal}}</p>
              <p v-else-if="orderDetail.closeType == 1">支付金额已原路退还</p>
            </div>
          </div>
          <!-------------右侧图标------------->
          <div>
            <img v-if="orderDetail.status == invalid" src="../../../../../static/images/order/guanbi.png" alt="">
            <img v-else-if="orderDetail.status == waitForEvaluation||orderDetail.status == finished" src="../../../../../static/images/order/duihao.png" alt="">
            <img v-else src="../../../../../static/images/order/wait.png" alt="">
          </div>
        </div>

        <!------------------------收货地址----------------------------->
        <div class="order-address-box" ref="orderAddressBox" v-if="orderDetail.wasSafeguard == 1">
          <div class="order-address-content">
            <div class="order-user-info">
              <span>收货人：{{safeguardDetail.receiverName}}</span>
              <span>{{safeguardDetail.receiverMobileNo}}</span>
            </div>
            <p class="order-address-info">
              收货地址：{{safeguardDetail.addressProvince}} {{safeguardDetail.addressCity}} {{safeguardDetail.addressCounty}} {{safeguardDetail.address}}
            </p>
          </div>
        </div>
        <!-------------------------------------------->
        <div class="order-address-box" ref="orderAddressBox"  v-else-if="orderDetail.status == waitForPay" @click="goAddressList">
          <div class="order-address-content">
            <div class="order-user-info">
              <span>收货人：{{address?address.receiverName:''}}</span>
              <span>{{address?address.receiverMobileNo:''}}</span>
            </div>
            <p class="order-address-info">
              收货地址：{{address?address.addressProvince:''}} {{address?address.addressCity:''}} {{address?address.addressCounty:''}} {{address?address.address:''}}
            </p>
          </div>
          <div class="order-address-jiantou">
            <img src="../../../../../static/images/order/jiantou.png" alt="">
          </div>
        </div>
        <!-------------------------------------------->
        <div class="order-address-box" ref="orderAddressBox" v-else>
          <div class="order-address-content">
            <div class="order-user-info">
              <span>收货人：{{orderDetail.receiverName}}</span>
              <span>{{orderDetail.receiverMobileNo}}</span>
            </div>
            <p class="order-address-info">
              收货地址：{{orderDetail.addressProvince}} {{orderDetail.addressCity}} {{orderDetail.addressCounty}} {{orderDetail.address}}
            </p>
          </div>
        </div>

        <!-----------------订单详情--------------------->
        <div class="order-list" ref="orderList">
          <!-----------店铺名称---------->
          <div class="order-title-box">
            <div class="order-title">
              <router-link :to="{name:'shopDetail',query:{shopId:orderDetail.shopId}}" class="order-shop">{{orderDetail.shopName}}<img src="../../../../../static/images/order/jiantou.png" alt=""></router-link>
            </div>
          </div>
          <!-----------拍品信息---------->
          <a href="javascript:;" class="order-pro">
            <div class="order-pro-img" v-if="!orderDetail.productImageUrl"></div>
            <div class="order-pro-img" v-if="orderDetail.productImageUrl" :style="'backgroundImage: url('+(orderDetail.productImageUrl.substr(0,4).toLowerCase() == 'http' ? orderDetail.productImageUrl : resUrl+orderDetail.productImageUrl)+')'"></div>
            <div class="order-pro-name">{{orderDetail.productName}}</div>
            <div class="order-pro-type">
              <img src="../../../../../static/images/order/yikoujia.png" alt="">
              <!--<img  v-if="orderDetail.productType!=fixedPrice" src="../../../../../static/images/order/jinpai.png" alt="">-->
            </div>
          </a>
          <!-----------订单信息---------->
          <div class="order-info-box">
            <!-------订单金额------>
            <div class="order-info">
              <p>
                <span>拍品金额</span><span>￥{{(orderDetail.needPayMoney-orderDetail.postage) | toDecimal}}</span>
              </p>
              <p>
                <span>运费</span><span>￥{{orderDetail.postage | toDecimal}}</span>
              </p>
              <p class="order-price-total">
                <span v-if="orderDetail.status == waitForPay||orderDetail.status == invalid">需付金额</span>
                <span v-else>实付金额</span>
                <span>￥{{orderDetail.needPayMoney | toDecimal}}</span>
              </p>
            </div>
            <!-------订单编号------>
            <div class="order-info">
              <p>
                <span>订单编号</span>
                <span style="white-space: nowrap;overflow: hidden;">
              {{orderDetail.code}}
            </span>
              </p>
              <p v-if="orderDetail.wasSafeguard == 1">
                <span>申请退货时间</span>
                <span>{{safeguardDetail.createTime}}</span>
              </p>
              <p v-else>
                <span>{{orderDetail.status == waitForPay?'创建时间':'下单时间'}}</span>
                <span>{{orderDetail.createTime}}</span>
              </p>
            </div>
            <!-------支付方式------>
            <div class="order-info" v-if="orderDetail.status != waitForPay && orderDetail.status != invalid && orderDetail.accounTransactionPojo && orderDetail.wasSafeguard != 1">
              <p>
                <span>支付方式</span>
                <span>{{payChannelName}}</span>
              </p>
              <p>
                <span>支付时间</span><span>{{accounTransactionPojo.payTime}}</span>
              </p>
            </div>

            <!----售后订单物流信息---->
            <div class="order-info" v-if="orderDetail.wasSafeguard == 1&&(safeguardDetail.status==rfRefund||safeguardDetail.status==rfComplete)">
              <p>
                <span>物流公司</span>
                <span>{{safeguardDetail.expressName}}</span>
              </p>
              <p>
                <span>物流单号</span>
                <span>{{safeguardDetail.expressNo}}<!--<span class="copy">复制</span>--></span>
              </p>
              <p>
                <span>退货备注</span><span>{{safeguardDetail.expressContent}}</span>
              </p>
            </div>
            <!----正常订单物流信息---->
            <div class="order-info" v-if="orderDetail.wasSafeguard != 1 && (orderDetail.status == waitForReceive||orderDetail.status==waitForEvaluation||orderDetail.status == finished)">
              <p>
                <span>物流公司</span>
                <span>{{orderDetail.expressName}}</span>
              </p>
              <p>
                <span>物流单号</span>
                <span>{{orderDetail.expressNo}}<!--<span class="copy">复制</span>--></span>
              </p>
              <p>
                <span>发货备注</span><span>{{orderDetail.expressContent}}</span>
              </p>
              <p>
                <span>发货时间</span><span>{{orderDetail.deliveryTime}}</span>
              </p>
            </div>
            <!-------成交时间------>
            <div class="order-info" v-if="orderDetail.status==waitForEvaluation||orderDetail.status == finished">
              <p>
                <span>成交时间</span><span>{{orderDetail.collectTime}}</span>
              </p>
            </div>
            <!-----售后订单欲退款金额---->
            <div class="order-info" v-if="orderDetail.wasSafeguard == 1&&safeguardDetail.status!=rfComplete">
              <p class="order-price-total">
                <span>欲退款金额</span><span>￥{{safeguardDetail.needRefundMoney | toDecimal}}</span>
              </p>
              <p><span></span><span style="font-size: 0.6rem;color: #999999;">(含邮费 ￥{{orderDetail.postage | toDecimal}})</span></p>
            </div>
            <!-----售后订单退款金额---->
            <div class="order-info" v-if="orderDetail.wasSafeguard == 1&&safeguardDetail.status==rfComplete">
              <p class="order-price-total">
                <span>退款金额</span><span>￥{{safeguardDetail.needRefundMoney | toDecimal}}</span>
              </p>
              <p><span>退款编号</span><span>{{safeguardDetail.refundCode}}</span></p>
              <p><span>退款时间</span><span>退款时间</span></p>
              <p><span>退款方式</span><span>{{payChannelName}}</span></p>
              <!--<p><span>退款账号</span><span>退款账号</span></p>-->
            </div>

            <!---------订单关闭------->
            <div class="order-info" v-if="orderDetail.status == invalid">
              <!---买家未支付扣除保证金金额--->
              <div v-if="orderDetail.closeType == 0">
                <p class="order-price-total">
                  <span>扣除保证金金额</span><span>￥{{orderDetail.cashDeposit | toDecimal}}</span>
                </p>
                <p>
                  <span>扣除编号</span>
                  <span>11111111111111111<!--<span class="copy">复制</span>--></span>
                </p>
                <p><span>扣款时间</span><span>2018-07-01 10:37:45</span></p>
              </div>
              <!---卖家未发货退款金额--->
              <div v-else-if="orderDetail.closeType == 1">
                <p class="order-price-total">
                  <span>退款金额</span><span>￥{{orderDetail.needPayMoney | toDecimal}}</span>
                </p>
                <p>
                  <span>退款编号</span>
                  <span>11111111111111111<!--<span class="copy">复制</span>--></span>
                </p>
                <p><span>退款时间</span><span>2018-07-01 10:37:45</span></p>
                <p><span>退款方式</span><span>{{payChannelName}}</span></p>
                <!--<p><span>退款账号</span><span>451******1</span></p>-->
              </div>
            </div>



          </div>
        </div>
      </div>


      <div class="order-footer" ref="orderFooter">
        <div class="order-btn-box">
          <div  class="order-btn-left">
            <!--rfApply:null,//申请维权5-->
            <!--rfNoagree:null,//客服不同意受理10-->
            <!--rfAgree:null,//客服同意受理15-->
            <!--rfRefund:null,//退货中20-->
            <!--rfInvalid:null,//驳回50-->
            <!--rfComplete:null,//已完成99-->
            <div v-if="orderDetail.wasSafeguard == 1">
              <router-link :to="{name:'afterDetail',query:{orderId:orderDetail.id,code:orderDetail.code}}" class="order-btn order-btn-red" v-if="safeguardDetail.status==rfAgree">维权信息</router-link>
              <span class="order-btn" v-if="safeguardDetail.status==rfComplete&&orderDetail.status==waitForEvaluation" @click="deleteOrder">删除订单</span>
            </div>
            <div v-else>
              <router-link :to="{name:'afterService',query:{orderId:orderDetail.id,code:orderDetail.code}}" class="order-btn" v-if="orderDetail.status==waitForReceive">客服维权</router-link>
              <span class="order-btn" v-if="orderDetail.status==waitForEvaluation||orderDetail.status == finished" @click="deleteOrder">删除订单</span>
              <span class="order-btn" v-if="orderDetail.status==waitForPay||orderDetail.status==waitForDelivery||orderDetail.status==waitForReceive||orderDetail.status==waitForEvaluation||orderDetail.status == finished">联系卖家</span>
            </div>
          </div>
          <div class="order-btn-right">
            <div  v-if="orderDetail.wasSafeguard == 1">
              <router-link :to="{name:'afterDetail',query:{orderId:orderDetail.id,code:orderDetail.code}}" class="order-btn order-btn-red" v-if="safeguardDetail.status==rfApply||safeguardDetail.status==rfRefund">维权信息</router-link>
              <router-link :to="{name:'returnGoods',query:{orderId:orderDetail.id}}" class="order-btn order-btn-red" v-if="safeguardDetail.status==rfAgree">退货</router-link>
              <span class="order-btn order-btn-red" v-if="safeguardDetail.status==rfComplete" @click="deleteOrder">删除订单</span>
            </div>
            <div v-else>
              <span class="order-btn order-btn-red" v-if="orderDetail.status==waitForPay" @click="showPayment">立即付款</span>
              <span class="order-btn order-btn-red" v-if="orderDetail.status==waitForDelivery" @click="remind">提醒卖家发货</span>
              <span class="order-btn order-btn-red" v-if="orderDetail.status==waitForReceive" @click="collectGoods">确认收货</span>
              <router-link :to="{name:'evaluate',query:{shopId:orderDetail.shopId,orderId:orderDetail.id}}" class="order-btn order-btn-red" v-if="orderDetail.status==waitForEvaluation">评价</router-link>
              <router-link :to="{name:'viewEvaluate',query:{shopId:orderDetail.shopId,orderId:orderDetail.id}}" class="order-btn order-btn-red" v-if="orderDetail.status == finished">查看评价</router-link>
              <span class="order-btn order-btn-red" v-if="orderDetail.status == invalid" @click="deleteOrder">删除订单</span>
            </div>
          </div>
        </div>
      </div>

    </div>

    <!--支付框-->
    <div class="pay-box" :class="{actionsheetToggle:isShowPayment}">
      <div class="weui-mask_transparent actionsheet__mask" id="mask"></div>
      <div class="weui-actionsheet">
        <div class="weui-actionsheet__menu">
          <div class="weui-cell"  style="justify-content: flex-end;">
            <span class="weui-icon-cancel" @click="closePayment"></span>
          </div>
          <div class="weui-cell">
            <div class="weui-cell__bd">
              <p>支付金额</p>
            </div>
            <div class="weui-cell__ft">￥{{orderDetail.needPayMoney | toDecimal}}</div>
          </div>
          <div class="weui-cells__title">选择支付方式</div>
          <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label" v-for="(v,k) in ePayChannelList" :key="k" >
              <div class="weui-cell__bd">
                <p><img src="../../../../../static/images/order/weixin.png" alt="">{{v.name}}</p>
              </div>
              <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="radio1" :id="v.val" :checked="ePayChannel.val == v.val" @click.stop="selectPayChannel(v)">
                <span class="weui-icon-checked"></span>
              </div>
            </label>
          </div>

        </div>
        <div class="weui-actionsheet__action pay-btn-box">
          <div class="weui-actionsheet__cell" @click="nowPayment">立即支付</div>
        </div>
      </div>
    </div>

  </div>

</template>

<script>
  import '../../../../assets/css/order.css';
  import {ipconfig} from '../../../../assets/js/ipconfig';
  import {getStatusMapByKey,getStatusByKeyVal} from '../../../../assets/js/tools';
  import {getMyOrderDetail,deleteOrder,deliverReminding,collectOrder,addOrder,getDefaultAddress} from '../../../../assets/js/getData';
  export default {
    name: "orderDetail",
    data(){
      return {
        resUrl:ipconfig.resUrl,//图片、视频、音频等资源访问路径
        orderId:null,//订单ID
        orderDetail:{},//订单详情
        safeguardDetail:null,//售后详情
        accounTransactionPojo:null,//支付信息
        payChannelName:null,//支付方式名称
        address:{},

        isShowPayment:false,//是否显示支付
        ePayChannelList:[],//支付方式
        ePayChannel:{},//当前支付方式

        orderUnpayTimeout:null,//超时未支付
        orderUndeliverTimeout:null,//超时未发货
        autoDeliveryTimeOut:null,//自动确认收获
        refundUndeliverTimeout:null,//售后超时发货

        waitForPay:null,//待付款5
        waitForDelivery:null,//待发货10
        waitForReceive:null,//待收货15
        waitForEvaluation:null,//待评价20
        paying:null,//支付中7
        invalid:null,//无效0
        finished:null,//交易完成50

        rfApply:null,//申请维权5
        rfNoagree:null,//客服不同意受理10
        rfAgree:null,//客服同意受理15
        rfRefund:null,//退货中20
        rfInvalid:null,//驳回50
        rfComplete:null,//已完成99

        auction:null,//竞拍拍品
        fixedPrice:null,//一口价拍品
        fixedPriceAndAuction:null,//一口价与竞拍拍品
      }
    },
    created(){
      let eOrderStatus = getStatusMapByKey('eOrderStatus');
      this.invalid = eOrderStatus.invalid.val;//无效0
      this.paying = eOrderStatus.paying.val;//支付中7
      this.waitForPay = eOrderStatus.waitForPay.val;//待付款5
      this.waitForDelivery = eOrderStatus.waitForDelivery.val;//待发货10
      this.waitForReceive = eOrderStatus.waitForReceive.val;//待收货15
      this.waitForEvaluation = eOrderStatus.waitForEvaluation.val;//待评价20
      this.finished = eOrderStatus.finished.val;//交易完成50

      let eRefundStatus = getStatusMapByKey('eRefundStatus');
      this.rfApply = eRefundStatus.apply.val;//申请维权5
      this.rfNoagree = eRefundStatus.noagree.val;//客服不同意受理10
      this.rfAgree = eRefundStatus.agree.val;//客服同意受理15
      this.rfRefund = eRefundStatus.refund.val;//退货中20
      this.rfInvalid = eRefundStatus.invalid.val;//验货之后驳回维权50
      this.rfComplete = eRefundStatus.complete.val;//已完成99

      let eProductType = getStatusMapByKey('eProductType');
      this.auction =  eProductType.auction.val;//竞拍拍品
      this.fixedPrice =  eProductType.fixedPrice.val;//一口价拍品
      this.fixedPriceAndAuction =  eProductType.fixedPriceAndAuction.val;//一口价与竞拍拍品

      this.ePayChannelList = getStatusMapByKey('ePayChannel');//支付方式列表
      delete this.ePayChannelList.cashDeposit;
      this.ePayChannel = this.ePayChannelList.wxPay;//默认当前支付方式

      this.orderId = this.$route.query.orderId;


      if(this.$route.query.hasOwnProperty('address')){
        this.address = this.$route.query.address;
        console.log(this.address);
      }
      //获取订单详情
      this.getMyOrderDetail();
    },
    methods:{
      //获取订单信息
      getMyOrderDetail(){
        getMyOrderDetail(this.orderId).then(res => {
          if(res.data.reqResult.code>0){
            this.orderDetail = res.data.data.data;
            this.orderUnpayTimeout = res.data.data.orderUnpayTimeout;//超时未支付
            this.orderUndeliverTimeout = res.data.data.orderUndeliverTimeout;//超时未发货
            this.autoDeliveryTimeOut = res.data.data.autoDeliveryTimeOut;//自动确认收获
            this.refundUndeliverTimeout = res.data.data.refundUndeliverTimeout;//售后超时发货
            if (this.orderDetail.hasOwnProperty('accounTransactionPojo')){
              this.accounTransactionPojo = this.orderDetail.accounTransactionPojo;
            }
            this.payChannelName = getStatusByKeyVal('ePayChannel',this.orderDetail.payChannel).name;
            // if(this.orderDetail.status == this.waitForPay&&!this.address){
            //   //获取默认地址
            //   getDefaultAddress().then(res => {
            //     if(res.data.reqResult.code>0){
            //       this.address = res.data.data;
            //     }else {
            //       Toast(res.data.reqResult.msg);
            //     }
            //   })
            // }
            console.log(res);
            if(this.orderDetail.wasSafeguard == 1){
              //获取售后信息
              this.safeguardDetail = this.orderDetail.mordRefundOrderPojo;
              console.log(this.safeguardDetail);
            }
          }else {
            Toast(res.data.reqResult.msg);
          }
        })
      },
      //删除订单
      deleteOrder(){
        MessageBox.confirm('确认删除该订单记录？','').then(() => {
          deleteOrder(this.orderId).then(res => {
            if(res.data.reqResult.code>0){
              this.$router.replace({name:'myOrder'});
            }else {
              Toast(res.data.reqResult.msg);
            }
          })
        }).catch(()=>{})
      },
      //提醒发货
      remind(){
        deliverReminding(this.orderId).then(res => {
          if(res.data.reqResult.code>0){
            Toast('提醒卖家发货成功');
          }else {
            Toast(res.data.reqResult.msg);
          }
        })
      },
      //确认收货
      collectGoods(){
        MessageBox.confirm('确认收货后，支付金额将打给卖家无法再发起维权，是否确认？','').then(() => {
          collectOrder(this.orderId).then(res => {
            if(res.data.reqResult.code>0){
              this.getMyOrderDetail();
            }else {
              Toast(res.data.reqResult.msg);
            }
          })
        }).catch(()=>{})
      },
      //待支付选择收货地址
      goAddressList(){
        this.$router.replace({name:'addressList',query:{source:'orderDetail',orderId:this.orderId}});
      },

      //点击立即付款按钮显示支付框
      showPayment(){
        let arr = Object.keys(this.address);
        if(arr.length==0){
          Toast('请选择收货地址');
          return;
        }
        this.isShowPayment = true;
      },
      //关闭支付框
      closePayment(){
        this.isShowPayment = false;
      },
      //选择支付方式
      selectPayChannel(v){
        this.ePayChannel = v;
      },
      //立即支付
      nowPayment(){
        this.isShowPayment = false;
        let params = {
          id:this.orderId,
          receiverName:this.address.receiverName,
          receiverMobileNo:this.address.receiverMobileNo,
          addressProvince:this.address.addressProvince,
          addressCity:this.address.addressCity,
          addressCounty:this.address.addressCounty,
          address:this.address.address,
          payChannel:this.ePayChannel.val
        };
        addOrder(params).then(res => {
          if(res.data.reqResult.code>0){
            Toast('支付成功');
            //获取订单详情
            this.getMyOrderDetail();
          }else {
            Toast(res.data.reqResult.msg);
          }
        })
      }
    }
  }
</script>

<style scoped>
  .bg-color{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  /*出价模态框*/
  .weui-actionsheet{
    max-height: 70%;
    overflow: auto;
  }
  .weui-mask_transparent{
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    display: none;
  }
  .actionsheetToggle .weui-mask_transparent{
    opacity: 1;
    display: block;
  }
  .actionsheetToggle .weui-actionsheet {
    transform: translate(0, 0);
  }
  .weui-actionsheet__menu{
    background-color: #ffffff;
  }
  .weui-cells:before {
    border-top: 1px solid #e5e5e5;
    left: 15px;
  }
  .weui-cell__bd>p>img{
    width: 0.7rem;
  }
  .weui-cells_checkbox .weui-check:checked + .weui-icon-checked:before {
    color: #C50000;
  }
  .pay-btn-box{
    margin-top: 0;
  }
  .pay-btn-box .weui-actionsheet__cell{
    background: url("../../../../../static/images/lotDetail/pay-1.png") no-repeat;
    padding: 0;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.7rem;
    color: #ffffff;
  }
</style>
